﻿@inject IStringLocalizer<AvatarNormal> Localizer

<div class="d-flex flex-column">
    <div class="text-center mb-2">Circle</div>
    <div class="d-flex justify-content-between align-items-center">
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo-C.png" IsCircle="true" Size="Size.ExtraExtraLarge" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo-C.png" IsCircle="true" Size="Size.ExtraLarge" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo-C.png" IsCircle="true" Size="Size.Large" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo-C.png" IsCircle="true" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo-C.png" IsCircle="true" Size="Size.Small" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo-C.png" IsCircle="true" Size="Size.ExtraSmall" />
    </div>
</div>
<Divider Text="@Localizer["BasicUsageDivider"]" />
<div class="d-flex flex-column">
    <div class="text-center my-2">Square</div>
    <div class="d-flex justify-content-between align-items-center">
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo.png" Size="Size.ExtraExtraLarge" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo.png" Size="Size.ExtraLarge" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo.png" Size="Size.Large" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo.png" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo.png" Size="Size.Small" />
        <Avatar Url="_content/BootstrapBlazor.Shared/images/Argo.png" Size="Size.ExtraSmall" />
    </div>
</div>
